{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <link href="{% static 'css/base.css' %}" rel="stylesheet">
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/
jquery.min.js"></script>
<script src=" http://cdn.jsdelivr.net/jquery.cookie/1.4.1/jquery.
cookie.min.js "></script>
<script>
    var csrftoken = $.cookie('csrftoken');//从cookie取得当前token值
    function csrfSafeMethod(method) {
        //不需要保护的请求头
        return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
    }
    
    $.ajaxSetup({
        beforeSend: function (xhr, settings) {
            if (!csrfSafeMethod(settings.type) && !this.crossDomain){
        xhr.setRequestHeader("x-CSRFToken", csrftoken);
    }
        }
    });
</script>
<script>
    $(document).ready(function () {
        {% block domready %}
        {% endblock %}
    });
</script>
<body>
    <div id="header">
        <span class="logo">Bookmarks</span>
        {% if user.is_authenticated %}
            <ul class="menu">
                <li {% if section == 'dashboard' %} class="selected"{% endif %}><a href="{% url 'dashboard' %}">My dashboard</a> </li>
                <li {% if section == 'images' %} class="selected"{% endif %}><a href="{% url 'images:list' %}">Images</a> </li>
                <li {% if section == 'people' %} class="selected" {% endif %}><a href="{% url 'user_list' %}">People</a> </li>
            </ul>
        {% endif %}
        <span class="user">
            {% if user.is_authenticated %}
            Hello {{ request.user.first_name }},
            <a href="{% url 'logout' %}">Logout</a>
            {% else %}
            <a href="{% url 'login' %}">Log-in</a>
            {% endif %}
        </span>
    </div>
    {% if messages %}
        <ul class="messages">
            {% for message in messages %}
            <li class="{{ message.tags }}">
                {{ message|safe }}
                <a href="#" class="close"></a>
            </li>
            {% endfor %}
        </ul>
    {% endif %}
    <div id="content">
        {% block content %}{% endblock %}
    </div>
</body>
</html>